 {layout name="common/layout" /}

<style>
	.since_list{
		padding: 25px 25px;
		border: 1px solid #d0d0d0;
		box-sizing: border-box;
		padding-bottom: 0;
	}
	.since_list:after{
		content:"";
		display: block;
		clear: both;
	}
	.since_single{
		width: 47%;
		background-color: #f9f9f9;
		margin-bottom: 25px;
		box-sizing: border-box;
		border: 1px solid #d0d0d0;
	}
	.since_single:nth-of-type(odd){
        float: left;
	}
	.since_single:nth-of-type(even){
		float: right;
	}
	.since_title{
		height: 40px;
		text-indent: 30px;
		line-height: 40px;
		font-size: 18px;
		color: #333;
		position: relative;
		background: #f3f3f3;	
		border-bottom: 1px solid #d0d0d0;
		padding: 0;
		margin: 0;
	}
	.since_title>h2{
		padding: 0;
		margin: 0;
		font-size: 18px;
		color: #333;
		height: 40px;
		line-height: 40px;
		width: calc(100% - 70px);
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.since_title>a:first-of-type{
		width: 18px;
		text-indent: 0;
		color: #2196f3;
		position: absolute;
		font-size: 18px;
		right: 60px;
		top: 0;
	}
	.since_title>a:last-of-type{
		width: 18px;
		text-indent: 0;
		color: #2196f3;
		position: absolute;
		font-size: 18px;
		right: 30px;
		top: 0;
	}
	.since_content{
		box-sizing: border-box;
		padding: 30px;
		padding-top: 0;
	}
	.since_img{
		/* max-height: 260px; */
		/* background-color: #b7b7b7; */
	}
	.since_img>img{
		max-height: 260px;
		max-width: 100%;
	}
	.since_message>p{
		margin: 0;
		margin-top: 20px;
		font-size: 15px;
		color: #333;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
</style>
<!-- <div class="dislpayArrow hidden-xs"><a class="pngfix" href="javascript:void(0);" onClick="displaynavbar(this)"></a></div> -->

<div class="Hui-article-box" style="margin-top: 37px;">
	<div class="newCrumbs ">物流模板
		<span class="c-gray en">&gt;</span> 自提点
	</div>
	<div class="Hui-article">
		<div style="position:relative;height:100px;">
			<a href="{:url('add')}" class="box-btn" style="position:absolute;width:200px;height:40px;line-height:40px;font-size:20px;text-align:center;border-radius:5px;right:0;top:28px;margin:0">添加自提点</a>
		</div>
		<div class="">
			<ul class="since_list">
				{volist name="$data.since_list" id="since"}
				<li class="since_single">
					<div class="since_title">
						<h2>{$since.since_name}</h2>
						<a href="{:url('edit')}?since_id={$since.since_id}"><i class="Hui-iconfont">&#xe60c;</i></a>
						
						<a href="{:url('del')}?since_id={$since.since_id}"><i class="Hui-iconfont">&#xe609;</i></a>
					</div>
					<div class="since_content">
						<!-- <div class="since_img">
							<img src="__MERCHANT_STATIC__/style/img/dian.jpg" alt="">
						</div> -->
						<div class="since_message">
							<p>地址：{$since.province_name}{$since.city_name}{$since.region_name}{$since.since_detailed_address}</p>
							<p>门店编号：{$since.since_number}</p>
							<p>手机电话：{$since.since_tel}</p>
							<p>营业时间：{$since.since_business_time_desc}</p>
						</div>
					</div>
				</li>
				{/volist}
			</ul>
			<div class="cl" style="margin-top: 30px;margin-bottom: 20px;">
				{$data.page}
			</div>
		</div>
	</div>
</div>

<script>
	
	$(function () {
		$.Huitab("#tab_demo .tabBar span", "#tab_demo .tabCon", "current", "click", "0")
	});
	var GG = {
		"kk": function (mm) {
			var ym = mm;
		}
	}
	$("#page").initPage(71, 1, GG.kk);
	$("#page1").initPage(71, 1, GG.kk);
	$("#page2").initPage(71, 1, GG.kk);
	$("#page3").initPage(71, 1, GG.kk);
	$("#page4").initPage(71, 1, GG.kk);
</script>